<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="taglib.jsp"%>
<html>
<head>
    <title>Title</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script type="text/javascript" src="${ctx}/static/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${ctx}/static/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="${ctx}/static/css/bootstrap.min.css">
    <script type="text/javascript" src="${ctx}/static/js/jquery.min.js"></script>
    <link rel="stylesheet" href="${ctx}/static/css/basic.css">
    <link rel="stylesheet" href="${ctx}/static/css/font-awesome.min.css">
    <script>
        $(document).ready(function () {
            $('a').click(function () {
//                $(this).parent().height("100px");
//            console.log($(this).parent().html());
                $(this).parent().next('ul').toggle();

            })
        });
    </script>
</head>
</head>
<body>
<div style="width: 100%;background: green;height: 50px;line-height: 50px;">
    <div style="width:30px;height: 30px;margin:10px;background-color: #ec5c00;display: inline-block">
        <a href="main"><i class="fa fa-home " style="color:white;padding-left:8px;line-height: 30px"></i></a></div>
    <span>XXXX收银管理系统</span>

</div>
<div class="box" style="float:left;width: 200px;height:100%;background-color: mediumpurple;overflow: auto">

    <ul class="nav">
       <li><a href="#"><i class="fa fa-home normal"></i><span >首页</span></a>  </li>
       <li><a href="#"><i class="fa fa-desktop normal"></i><span >收银中心</span></a></li>
        <li ><a href="#"><i class="fa fa-pencil-square normal"> </i><span>项目管理</span></a></li>
        <ul class=" nav" >
            <li><a href="#"><i class="fa fa-caret-right"></i><span>项目管理</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span>项目分类</span></a></li>
        </ul>

        <li><a href="#"><i class="fa fa-bank normal"> </i><span>商品库存</span></a>

        </li>
        <ul class="nav">
            <li><a href="#"><i class="fa fa-caret-right"></i><span>商品列表</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span>商品分类</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span>商品单位</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span>入库单据</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span>出库单据</span></a></li>
        </ul>
        <li><a href="#"><i class="fa fa-group normal"> </i><span>次卡套餐</span></a></li>
        <li><a href="#"><i class="fa fa-group normal"> </i><span >会员管理</span></a></li>
        <li><a href="#"><i class="fa fa-user normal"> </i><span >员工管理</span></a></li>
        <li><a href="#"><i class="fa fa-navicon normal"> </i><span >提成设置</span></a>

        </li>
        <ul class="nav">
            <li><a href="#"><i class="fa fa-caret-right"></i><span >项目提成设置</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span >产品提成设置</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span >开卡续费提成</span></a></li>
            <li><a href="#"><i class="fa fa-caret-right"></i><span >次卡套餐提成</span></a></li>
        </ul>

        <li><a href="#"><i class="fa fa-line-chart normal"> </i><span>财务汇总</span></a></li>
        <li><a href="#"><i class="fa fa-newspaper-o normal"> </i><span>营业记录</span></a></li>
        <li><a href="#"><i class="fa fa-bar-chart normal"> </i><span>店内收支</span></a></li>
        <li><a href="#"><i class="fa fa-credit-card normal"> </i><span>手牌房间</span></a></li>
        <li><a href="#"><i class="fa fa-envelope normal"> </i><span>短信营销</span></a></li>
        <li><a href="#"><i class="fa fa-cogs normal"> </i><span>系统设置</span></a></li>
   </ul>




    </div>
<div class="box" style="width: 1223px;height: 100%;background:greenyellow">right</div>

</body>
</html>
